<template>
  <div id="container">
    <div class="top">
        <van-tabs v-model="active">
            <van-tab title="进行中">
                <Jxz></Jxz>
            </van-tab>
            <van-tab title="暂停中">
                <Ztz></Ztz>
            </van-tab>
            <van-tab title="审核中">内容 3</van-tab>
            <van-tab title="未通过">内容 4</van-tab>
            <van-tab title="已下架">内容 5</van-tab>
        </van-tabs>
    </div>
  </div>
</template>

<script>
import Ztz from './ztz.vue'
import Jxz from './jxz.vue'
export default {
    components:{Jxz,Ztz},
    data(){
        return{
            
        }
    },
    created(){
    },
    methods:{
        // goDetile(e){
        //     this.$router.push('detail' + '?' +e )
        //     console.log(e);
           
        // }
    }
}
</script>

<style lang="scss" scoped>
.top{
    width: 375px;
    height: 65px;
}
/deep/ .van-tabs{
    height: 100%;
}
/deep/ .van-tabs__wrap{
    // height: 65px;
    background: #f9f9f9;
}
/deep/ .van-tabs__nav--line{
    
    padding: 0;
    background: none;
}
/deep/ .van-tab--active{
    color: #0080FF;
}
/deep/ .van-tabs__line{
    background-color: #0080FF;
    bottom: 0.2rem;
}
</style>